<template>
  <h1>下拉选框组件</h1>
  <el-select v-model="love" placeholder="请选择">
    <el-option label="黄霄雲" value="h"></el-option>
    <el-option label="孙雪宁" value="s"></el-option>
    <el-option label="李庚希" value="lg"></el-option>
    <el-option label="刘浩存" value="lh"></el-option>
  </el-select>
  <br>
  <br>
  <br>
  <el-select v-model="love2" placeholder="请选择">
    <el-option v-for="item in list" :label="item.name" :value="item.us"></el-option>
  </el-select>
</template>
<script setup>
import {ref} from "vue";

const love = ref('lg');
const list = ref([
    {name: "黄霄雲", us: "h"},
    {name: "孙雪宁", us: "s"},
    {name: "李庚希", us: "lg"},
    {name: "刘浩存", us: "lh"},
    {name: "单依纯", us: "sy"},
    {name: "关晓彤", us: "gx"},
]);
const love2 = ref('lh');
</script>
<style scoped>

</style>